{template "content","header_sub"}
    <div class="content_warp">&nbsp;
      <div class="content_l">
        <div class="sub_nav">
          <dl>
            <dt>组织机构</dt>
            <dd class="on">主办单位</dd>
            <dd>承办单位</dd>
            <dd>艺术顾问</dd>
          </dl>
          </dl>
        </div>
        <div class="sub_img"><img src="phpcms/templates/default/statics/imgs/contact.jpg"/></div>
      </div>
      <div class="content_r">
        <ul class="org_nav">
          <li class="on">主办单位</li>
          <li>承办单位</li>
          <li>艺术顾问</li>
        </ul>
        <div class="clear"></div>
        {pc:get sql="select * from v9_activity_org_data order by id" return="info"}
        <div class="org_content" style="display:block">
          {$info[0][content]}1
        </div>
        <div class="org_content" style="display:none">
          {$info[0][content]}2
        </div>
        <div class="org_content" style="display:none">
          {$info[0][content]}3
        </div>
        {/pc}
      </div>
      <div class="clear"></div>
    </div>
{template "content","footer"}
<script language="javascript">
<!--
$(function() {
  $(".sub_nav dd").click(function(){
    var index = $(this).index() - 1;
    $(".sub_nav dd").removeClass();
    $(this).addClass("on");
    tab_change($(".org_nav li").get(index),".org_nav li",index);
  });

  $(".org_nav li").click(function(){
    var index = $(this).index();
    $(".org_nav li").removeClass();
    $(this).addClass("on");
    tab_change($(".sub_nav dd").get(index),".sub_nav dd",index);
  });

  function tab_change(self,elements,index)
  {
    $(elements).removeClass();
    $(self).addClass("on");
    $(".org_content").hide();
    $($(".org_content").get(index)).show();
  }
})
//-->
</script>
